<template>
	<div>
		<Header></Header>

		<!-- 主体内容 -->
		<div class="main-content">
			<router-view />
		</div>

		<div class="clear"></div>
		
		<Footer></Footer>

		<!--WebAPP底部导航栏 -->
		<!-- <WapBottomNav></WapBottomNav> -->

		<!--右侧辅助菜单 -->
		<RightSidebar></RightSidebar>
	</div>
</template>

<script>
	import Header from '@/components/Header.vue'
	import Footer from '@/components/Footer.vue'
	// import WapBottomNav from '@/components/WapBottomNav.vue'
	import RightSidebar from '@/components/RightSidebar.vue'

	export default {
		name: 'Home',
		props: {
			msg: String
		},
		components: {
			Header,
			Footer,
			RightSidebar
		},
		mounted() {

		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
	@import url("../../node_modules/amazeui/dist/css/amazeui.min.css");
	@import url("~@/assets/css/app.css");
</style>
